<template>
  <div class="pl-10 flex flex-start">
    <el-button
      v-for="item in props.handles"
      :type="item.type"
      :icon="item.icon"
      plain
      size="small"
      @click="item.actionHandler"
      >{{ item.text }}</el-button
    >
  </div>
</template>
<script lang="ts" setup>
import { Handle } from "../../type/handle";
const props = defineProps<{ handles: Array<Handle> }>();
</script>
<style lang="scss" scoped></style>
